import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import AxiomView, { useThemeStore } from 'axiom-view'
// import 'axiom-view/style.css' // 不再加载打包好的 CSS
// [混合模式] 直接导入 SCSS 源码以实现样式热更新
import '../../../../Axiom/axiom-view/src/styles/index.scss'
import App from './App.vue'

// 完整引入 Element Plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import 'highlight.js/styles/atom-one-dark.css';

const app = createApp(App)

const pinia = createPinia()

// 确保 Pinia 实例先于 AxiomView 插件被安装
app.use(pinia)
app.use(router)

// 完整注册 Element Plus
app.use(ElementPlus)

// 使用 Axiom-View 框架，并传入配置
const axiomOptions = {
  router: router, // <--- 在这里注入 router 实例
  api: {
    // 指向 Vite 代理
    baseURL: '/api'
  },
  auth: {
    enabled: true,
    loginRoute: '/login', // 指定登录页的路径
    clientId: 'axiom-web',
    clientSecret: '$2b$12$tP.UPs5hDIiNY3D5tBwS2uRz4.X/3d5jH6D.5b.s3jR4pZ0a8L7iO'
  }
};

console.log('[main.js] 准备加载 AxiomView，配置如下:', axiomOptions);
console.log('[main.js] Router 实例:', axiomOptions.router);

app.use(AxiomView, axiomOptions)

app.mount('#app')
